<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- HTML 结构层：列表主要是相同数据的集合 
		                  有序列表、无序列表、定义列表
						  有序列表与无序列表自带样式
						  列表项标志属性 list-style-type
						  有序列表属性值：none 、decimal、lower-roman、upper-roman
						                      默认(数值)、小罗马数字、大罗马数字
						  无序列表属性值：none、disc、circle、square
						               默认（实心圆）、空心圆、实心方块
						实际页面开发中：无序列表来定义相同数据集合、有利于SEO优化
						实际常用属性：list-style-type:none;与统配选择器一起使用
						                            去掉页面上所有列表的样式
		-->
		<style>
			ol li{
				list-style-type:upper-roman;
			}
			ul li{
				list-style-type:square;
			}
		</style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>哪吒2</li>
			<li>封神2</li>
			<li>射雕</li>
			</ol>
			<h1>无序列表</h1>
			<ul>
				<li>魔方大厦</li>
				<li>邋遢大王</li>
				<li>小糊涂神</li>
			</ul>
	</body>
</html>